<script setup>
</script>

<template>

</template>

<style scoped>
.commentCard{
  display: flex;
  flex-direction: row;
}
.img{
  margin: 20px;
}
.word{
  margin: 20px;
  display: flex;
  flex-direction: column;
}
.username{
  font-size: 15px;
  font-weight : normal;
  margin: 5px 0 5px 0;
  opacity: 0.6;
}
.commentContent{
  font-size: 15px;
  font-weight : normal;
  margin: 5px 0 25px 0;
}
.bottom{
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  margin-right: 50px; /* 为整个底部区域预留出50px的右边距 */
}
.icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 20px; /* 与 time 文字之间的间距 */

  position: absolute;
  right: 0;
}
.icon-dianzan:hover,
.icon-pinglun:hover {
  color: red; /* 悬停时变为红色 */
}
.icon-red {
  color: red; /* 点赞后变为红色 */
}
.comment-comment {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 20px; /* 调整数各个图标和字之间的间距 */
}
.demo-collapse{

  display: flex;
  flex-direction: column;
  width: 800px;
  border: none;
}
.el-collapse-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: none;
}
</style>